﻿<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百草集</title>
<style>
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,iframe,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;color:#787878;}

address,cite,dfn,em,var{font-style:normal;}


.header{height:48px;background:#363636;border-bottom:5px solid #FCBE00;}
.header_content{width:990px;height:48px;margin:0 auto;}

.blank_10px{height:10px;line-height:10px;}
.blank_15px{height:15px;line-height:10px;}
.blank_20px{height:20px;line-height:20px;}

.fl{float:left;}
.fr{float:right;}
div.fn{float:none;}

.nav{width:990px;padding-left:0px;height:35px;line-height:35px;border-bottom:3px solid #FCBE00;margin:0 auto;}
.nav ul.nav_content li{float:left;margin-right:5px;height:35px;overflow:hidden;}
.nav ul.nav_content li a{padding:0 25px;height:35px;font-family:"microsoft yahei";line-height:40px;display:inline-block;font-size:16px;font-weight:bold;color:#000;}
.nav ul.nav_content li span{padding:0 25px;height:35px;font-family:"microsoft yahei";line-height:40px;display:inline-block;font-size:16px;font-weight:bold;color:#000;}
.nav ul.nav_content li span.current{background-color:#FCBE00;color:#574202;}

.wrap{margin:0 auto 20px;}
.wrap_content{width:990px;height:auto;margin:0 auto;}

.cat{float:left;width:120px;height:260px;margin-right:-120px;background:url(../home_search_cate_bg.gif) right top repeat-y #fcfcfc;border-right:1px solid #d5d5d5;display:inline;}
.cat ul li{font-weight:bold;line-height:48px;overflow:hidden;}

a{text-decoration:none;outline:none;color:#2e2e2e;}
a:hover{text-decoration:underline;color:#f60;}

.clearfix:before,.clearfix:after{content:".";display:block;visibility:hidden;height:0;line-height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

.search{width:988px;height:auto;border:1px solid #ccc;border-top:none;background-color:#fff;position:relative;z-index:60;}


.list_options{float:left;width:948px;margin:12px 20px 0;_margin:10px 20px 5px 10px;line-height:30px;}
.list_options dl dt{height:18px;line-height:18px;}

.list_options dl dt a{height:18px;line-height:18px;vertical-align:middle;line-height:22px\9;_line-height:18px;color:#242424;font-weight:normal;padding:0 5px;}
.list_options dl dt a.options_now{height:18px;line-height:18px;vertical-align:middle;line-height:22px\9;_line-height:18px;color:#f60;font-weight:bold;}
.list_options dl dt a.options_now:hover{color:#574202;text-decoration:none;cursor:default;}
.list_options dl dd{width:853px;line-height:18px;}
.list_options dl dd a{float:left;margin-left:7px;height:18px;line-height:18px;vertical-align:middle;line-height:22px\9;_line-height:18px;padding:0 5px;}
.list_options dl dd a:hover{height:18px;line-height:18px;vertical-align:middle;line-height:22px\9;_line-height:18px;color:#f60;text-decoration:none;}
.list_options dl dd span.priceBetween{float:left;display:block;}
.list_options dl dd span input.input_pice{width:50px;height:16px;line-height:16px;border:1px solid #C8C8C8;padding-left:2px;}
.list_options dl dd a.options_now{display:inline-block;height:18px;line-height:18px;vertical-align:middle;line-height:22px\9;_line-height:18px;font-weight:bold;color:#f60;}
.list_options dl dd a.options_now:hover{text-decoration:none;cursor:default;}
.list_options dl dd.towLevelArea{position:relative;z-index:2;}
.list_options dl dd.towLevelArea em{display:inline-block;*display:inline;*zoom:1;float:left;}
.list_options dl dd.towLevelArea em.current{background:url(../../../images/frontend/arrow_single.gif) center bottom no-repeat;height:28px;}
.list_options dl dd.towLevelArea em.current a{color:#f60;font-weight:bold;}
.list_options dl dd.towLevelArea .width715{width:740px;}






.listLeft{width:738px;min-height:300px;margin:0 auto;border:1px solid #D5D5D5;background-color:#fff;}

.list_sorter{width:738px;height:33px;border-bottom:1px solid #E2E1E1;background-color:#FAFAFA;}
.list_sorter span{line-height:33px;padding-left:20px;color:#000;}


.list_conter ul.listing_cont{width:100%;height:auto;}
.list_conter ul.listing_cont li{float:left;width:auto;height:150px;border:1px solid #fff;border-bottom:1px solid #efefef;display:block;}

.list_image{width:200px;height:135px;margin-left:auto;margin-right:auto;text-align:center}
.list_image img{width:160px;height:120px}

.list_data{width:655px;height:135px;margin-top:1px;margin-left:200px;line-height:24px}


i.color_f60{color:#f60;font-size:12px;font-family:\5b8b\4f53;font-style:normal;font-weight:bold;padding:0 5px;}



.listRight{width:240px;border:1px solid #d5d5d5;margin-bottom:10px;}

.listRight h2.title{height:34px;line-height:34px;height:33px\9;line-height:33px\9;border-bottom:1px solid #e2e1e1;background-color:#fafafa;}
.listRight h2.title strong{font:bold 14px/34px 'simsun';color:#2e2e2e;}
.listRight .contBody{padding:20px;background:#fff;}


.footer{border-top:1px solid #D5D5D5;}
.friends{background:url(footer_bg.png) 0 0 repeat;padding:25px 0 10px;*padding:25px 0;}
.copyright{background-color:#363636;border-bottom:6px solid #FCBE00;padding:25px 0 15px 0;}
</style>
</head>

<body>

	<div class="header">
		<div class="header_content">
			<a>百草网</a>
		</div>
	</div>
	
	<div class="blank_10px"></div>
	
	<div class="nav">
		<ul class="nav_content">
			<li><span class="current">全部物种分类</span></li>
			<li><a href="#">供应</a></li>
			<li><a href="#">求购</a></li>
			<li><a href="#">行情</a></li>
			<li><a href="#">论坛</a></li>
		</ul>
	</div>
	
	
	<div class="wrap">
		<div class="wrap_content">
			<div class="search clearfix">
				<div class="list_options">
					<dl>
						<dt class="fl">
							<span class="fl">种类：</span>
							<a class="fl options_now" href="javascript:void(0);">不限</a>
						</dt>
						<dd class="fl towLevelArea">
							<em><a href="#">花类</a></em>
							<em><a href="#">根茎类</a></em>
							<em><a href="#">果实类</a></em>
							<em><a href="#">叶类</a></em>
							<em><a href="#">藤木类</a></em>
						</dd>
					</dl>
				</div>
				
			  	<div class="list_options">
					<dl>
						<dt class="fl">
							<span class="fl">拼音：</span>
							<a class="fl options_now" href="javascript:void(0);">不限</a>
						</dt>
						
						<dd class="fl towLevelArea">
							<em><a href="#">A</a></em>
							<em><a href="#">B</a></em>
							<em><a href="#">C</a></em>
							<em><a href="#">D</a></em>
							<em><a href="#">E</a></em>
							<em><a href="#">F</a></em>
							<em><a href="#">G</a></em>
							<em><a href="#">H</a></em>
							<em><a href="#">I</a></em>
							<em><a href="#">J</a></em>
							<em><a href="#">K</a></em>
							<em><a href="#">L</a></em>
							<em><a href="#">M</a></em>
							<em><a href="#">N</a></em>
							<em><a href="#">O</a></em>
							<em><a href="#">P</a></em>
							<em><a href="#">Q</a></em>
							<em><a href="#">R</a></em>
							<em><a href="#">S</a></em>
							<em><a href="#">T</a></em>
							<em><a href="#">U</a></em>
							<em><a href="#">V</a></em>
							<em><a href="#">W</a></em>
							<em><a href="#">X</a></em>
							<em><a href="#">Y</a></em>
							<em><a href="#">Z</a></em>
						</dd>
					</dl>
				</div>
				
				<div class="fl" style="width: 100%; height: 1px; line-height: 1px; margin-top: 10px;"></div>
			</div>
			
			<div class="blank_10px"></div>

			<!--list start-->
			<div class="clearfix">
				<div class="fl listLeft">
					<div class="fl list_sorter">
						<span class="fl">共找到 <i class="color_f60">9636</i>个类</span>
						<span class="fr">排序：<select><option>默认排序</option></select></span>
					</div>
					
					
					<div class="list_conter">
						<ul class="listing_cont clearfix">
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20120916110102743.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苦瓜</a></h3>
								<p>别名：凉瓜，癞瓜</p>
								<p>药性：辛、苦，温</p>
								<p>功效：发散风寒、通鼻窍、祛风湿，止痛</p>
								<p>市场：供应（<a href="#">100</a>） 求购:(<a href="#">50</a>)</p>
							</div>
						</li>
						
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20121130170843216.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苍耳子</a></h3>
								<p>别名：名苍子、牛虱子</p>
							</div>
						</li>
						
						
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20120916110102743.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苦瓜</a></h3>
								<p>别名：凉瓜，癞瓜</p>
								<p>药性：辛、苦，温</p>
								<p>功效：发散风寒、通鼻窍、祛风湿，止痛</p>
								<p>市场：供应（<a href="#">100</a>） 求购:(<a href="#">50</a>)</p>
							</div>
						</li>
						
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20120916110102743.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苦瓜</a></h3>
								<p>别名：凉瓜，癞瓜</p>
								<p>药性：辛、苦，温</p>
								<p>功效：发散风寒、通鼻窍、祛风湿，止痛</p>
								<p>市场：供应（<a href="#">100</a>） 求购:(<a href="#">50</a>)</p>
							</div>
						</li>
						
						
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20120916110102743.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苦瓜</a></h3>
								<p>别名：凉瓜，癞瓜</p>
								<p>药性：辛、苦，温</p>
								<p>功效：发散风寒、通鼻窍、祛风湿，止痛</p>
								<p>市场：供应（<a href="#">100</a>） 求购:(<a href="#">50</a>)</p>
							</div>
						</li>
						
						<li>
							<div class="list_image fl"><img src="<% out.println(request.getAttribute("ctx")); %>/images/20120916110102743.jpg"/></div>
							<div class="list_data">
								<h3><a href="#">苦瓜</a></h3>
								<p>别名：凉瓜，癞瓜</p>
								<p>药性：辛、苦，温</p>
								<p>功效：发散风寒、通鼻窍、祛风湿，止痛</p>
								<p>市场：供应（<a href="#">100</a>） 求购:(<a href="#">50</a>)</p>
							</div>
						</li>
						</ul>
					</div>
				
				</div>
				
				
				<div class="listRight fr">
					<div>
					
						<h2 class="title"><strong>&nbsp;&nbsp;最近浏览过的</strong></h2>
						<div class="contBody">ddddddd</div>
					</div>
					
				</div>
			
			</div>
			<!--list endt-->
			
			
		</div>
	</div>
	
	
	<div class="foolter">
	<div class="friends"></div>
	<div class="copyright"></div>
	</div>
</body>

</html>
